<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../../assets/iconfont/iconfont.css" />
    <link rel="stylesheet" href="../../assets/common/common.css" />
    <link rel="stylesheet" href="./SocialSecurity.css" />
  </head>
  <body>
    <div class="SocialSecurity">
      <!-- 头部 -->
      <header class="top flex bg-fff pl-10 pr-10 jc-sb aic">
        <a href="../index/index.html">
          <span class="iconfont icon-xiangzuojiantou f16"></span>
        </a>
        <span>我的社保</span>
        <span class="fix"></span>
      </header>
      <!--人物信息 -->
      <div class="information f12 flex bg-fff jc-sa aic pl-10 pr-10">
        <img src="../../assets/img/__80px_u3817.png" alt="" />
        <div class="fdc fg1">
          <span class="font1">吴珊珊</span>
          <span class="mt-5">产品部/产品经理</span>
        </div>
        <span class="font tac">
          <span>&lt;</span> 2020年 <span>&gt;</span></span
        >
      </div>
      <!-- 社保列表 -->
      <ul class="list mt-20">
        <a href="./SocialDetails/SocialDetails.html">
          <li class="item bg-fff ml-20 mr-20 fdc jc-sa pl-15">
            <div>2022年01月</div>
            <div class="flex">
              <span class="social">社保</span>
              <span class="ml-10 money">&yen;120.30</span>
              <span class="ml-15 social">公积金</span>
              <span class="ml-10 money">&yen;1920.30</span>
            </div>
          </li>
        </a>
        <a href="./SocialDetails/SocialDetails.html">
          <li class="item bg-fff ml-20 mr-20 fdc jc-sa pl-15">
            <div>2022年01月</div>
            <div class="flex">
              <span class="social">社保</span>
              <span class="ml-10 money">&yen;120.30</span>
              <span class="ml-15 social">公积金</span>
              <span class="ml-10 money">&yen;1920.30</span>
            </div>
          </li>
        </a>
        <a href="./SocialDetails/SocialDetails.html">
          <li class="item bg-fff ml-20 mr-20 fdc jc-sa pl-15">
            <div>2022年01月</div>
            <div class="flex">
              <span class="social">社保</span>
              <span class="ml-10 money">&yen;120.30</span>
              <span class="ml-15 social">公积金</span>
              <span class="ml-10 money">&yen;1920.30</span>
            </div>
          </li>
        </a>
        <a href="./SocialDetails/SocialDetails.html">
          <li class="item bg-fff ml-20 mr-20 fdc jc-sa pl-15">
            <div>2022年01月</div>
            <div class="flex">
              <span class="social">社保</span>
              <span class="ml-10 money">&yen;120.30</span>
              <span class="ml-15 social">公积金</span>
              <span class="ml-10 money">&yen;1920.30</span>
            </div>
          </li>
        </a>
        <a href="./SocialDetails/SocialDetails.html">
          <li class="item bg-fff ml-20 mr-20 fdc jc-sa pl-15">
            <div>2022年01月</div>
            <div class="flex">
              <span class="social">社保</span>
              <span class="ml-10 money">&yen;120.30</span>
              <span class="ml-15 social">公积金</span>
              <span class="ml-10 money">&yen;1920.30</span>
            </div>
          </li>
        </a>
      </ul>
      <!-- 没有更多了 -->
      <span class="nothing w100 tac mt-10">没有更多数据了~</span>
    </div>
  </body>
</html>
